.input-box {
    margin: .5em 0;
    width: 100%;
    height: 2em;
}

.input-common {
    padding-left: .2em;
    width: 100%;
    height: 100%;
    display: flex;
    border: 2px solid #eee;
    outline-color: #eee;
    border-radius: 3px;
    transition: .2s all ease;
}

.common {
    flex:auto;
    border: none;
    text-decoration: none;
    outline: none;
    caret-color:#42b983;
    height: 100%;
    line-height: 24px;
    padding: 0 .2em;
    color: #42b983;
    font-size: 1.2em;
}

.text {

}

.input-btn {
    border: none;
    width: 2.5em;
    float: right;
    transition: .2s all ease;
}

.input-btn:active {
    background-color: #5abd90;
}

.writting {
    border: 2px solid #42b983;
    outline-color: #42b983;
}

.circle {
    border-radius: 3em;
}

.circle-btn {
    border-radius: 0 3em 3em 0;
    /* padding-right: .5em; */
}